<script>
  import { base, assets } from "$app/paths";
  import { onMount } from 'svelte';
  let grid_row=80;
  let grid_col=72;//24 or 48 or 72

  let mycanvas ;

  onMount(async () => {
	  let ctx = mycanvas.getContext("2d");
    ctx.fillStyle = "#FF0000";
    ctx.fillRect(20,20,150,75);
	});

</script>

<div class="flex items-center justify-center w-full flex-col p-4">
 Product Detail 
</div>

